<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <script src="../build/react.js"></script>
  <script src="../build/react-dom.js"></script>
  <script src="../build/browser.min.js"></script>
  <title>demo9</title>
</head>
<body>

  <div id="example"></div>
  <script type='text/babel'>

    var LikeButton = React.createClass({

      getInitialState: function(){
        return {liked: false};
      },
      handleClick: function(event){
        this.setState({liked: !this.state.liked});
      },
      render: function(){
        var text = this.state.liked ? 'like':'haven\'t liked';
        return (
          <p onClick={this.handleClick}>
            You {text} this. Click to toggle.
          </p>
        )
      }
    });

    ReactDOM.render(
      <LikeButton />,
      document.getElementById('example')
    )
  </script>
</body>
</html>